<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <title>首页</title>
</head>

<body>
    <!-- 头部部分 -->
    <div class="header">
        <div class="header-c">
            <a href="" class="logo"></a>
            <ul class="nav">
                <li class="nav-item">
                    <a href="index.html" target="_blank">首&nbsp;&nbsp;页</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="pages/product/index.html" target="_blank">样品大宴</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="pages/price/index.html" target="_blank">当季优惠</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="pages/city/index.html" target="_blank">旅拍城市</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item">
                    <a href="pages/about/index.html" target="_blank">关于我们</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item mr0">
                    <a href="pages/contact/index.html" target="_blank">联系我们</a>
                    <span class="line"></span>
                </li>
            </ul>
        </div>
    </div>
    <!-- 广告部分 -->
    <div class="banner">
        <div class="banner-c">
            <a href="#" class="arr arr-l"></a>
            <a href="#" class="arr arr-r"></a>
            <div class="dot">
                <span></span>
                <span></span>
            </div>
        </div>
    </div>
    <!-- 作品展示 -->
    <div class="works">
        <div class="works-c">
            <div class="title">
                <div class="en">Exhibittion of works</div>
                <p>作品展示</p>
            </div>
            <ul class="list">
                <li class="item">
                    <img src="img/图1.png" alt="">
                </li>
                <li class="item">
                    <img src="img/图2.png" alt="">
                </li>
                <li class="item">
                    <img src="img/图3.png" alt="">
                </li>
                <li class="item">
                    <img class="mr0" src="img/图4.png" alt="">
                </li>
                <li class="item">
                    <img src="img/2行1.png" alt="">
                </li>
                <li class="item">
                    <img src="img/2行2.png" alt="">
                </li>
                <li class="item">
                    <img src="img/2行3.png" alt="">
                </li>
                <li class="item">
                    <img class="mr0" src="img/2行4.png" alt="">
                </li>
            </ul>
        </div>
        <div class="more">VIEW MORE</div>
    </div>
    <!-- 福利 -->
    <div class="welfare">
        <div class="welfare-c">
            <div class="title">
                <div class="en">Welfare</div>
                <p>优惠福利</p>
            </div>
        </div>
        <a href="" class="box1">
            <div class="content">
                <p class="desc">国庆特惠</p>7288元/套
            </div>
        </a>
        <a href="" class="box2">
            <div class="content2">
                <p class="desc2">情侣特惠</p>5520元/套
            </div>
        </a>
        <a href="" class="box3">
            <div class="content3">
                <p class="desc3">闺蜜套餐</p>6250元/套
            </div>
        </a>
        <a href="" class="box4">
            <div class="content4">
                <p class="desc4">个人福利</p>3230元/套
            </div>
        </a>
    </div>
    <!-- 关于部分 -->
    <div class="about">
        <div class="about-c">
            <div class="mask">
                <div class="title">
                    <div class="en">About us</div>
                    <p>关于我们</p>
                </div>
                <div class="ico">
                    <img src="img/摄影资源.png" alt="">
                </div>
                <div class="box">
                    <dl>
                        <dt>
                            <img src="img/Camera-icon.png" alt="">
                        </dt>
                        <dd>
                            2014 年 成 立 于 郑 州，是<br>
                            郑 州 知 名 一 线 品 牌 旅 拍<br>
                            摄 影 工 作。
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/Nature-icon.png" alt="">
                        </dt>
                        <dd>
                            作 品 多 次 被 今 日 人 像<br>
                            和 人 像 摄 影 等 知 名 行 内 杂<br>
                            志 推 荐
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/world-icon.png" alt="">
                        </dt>
                        <dd>
                            我 们 的 拍 摄 方 式 更 像 是<br>
                            一 天 旅 行，风 景 与 光 影,<br>
                            只是 为 了 见证 情 感
                        </dd>
                    </dl>
                    <dl>
                        <dt>
                            <img src="img/Prize-icon.png" alt="">
                        </dt>
                        <dd>
                            时 尚 会 消 逝，影 像 会 长<br>
                            存，我 们 让 每 一 张 照 片<br>
                            充 满 幸 福 的 温 度。
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
    <!-- 约拍流程 -->
    <div class="equip">
        <div class="equip-c">
            <div class="title">
                <div class="en">Medical equipment</div>
                <p>约拍流程</p>
            </div>
            <div class="box">
                <ul class="list">
                    <li class="item">
                        <div class="num">
                            1
                        </div>
                        <div class="circle"></div>
                        <div class="content">
                            <p>前期沟通</p>
                            <span>确定时间地点及相关事项</span>
                        </div>
                    </li>
                    <li class="item">
                        <div class="num">
                            2
                        </div>
                        <div class="circle"></div>
                        <div class="content">
                            <p>签订拍摄</p>
                            <span>协议，预付<br>30%款项</span>
                        </div>
                    </li>
                    <li class="item">
                        <div class="num">
                            3
                        </div>
                        <div class="circle"></div>
                        <div class="content">
                            <p>拍摄</p>
                            <span>指派摄影师拍摄，拍摄<br>完毕后支付4%款项</span>
                        </div>
                    </li>
                    <li class="item">
                        <div class="num">
                            4
                        </div>
                        <div class="circle"></div>
                        <div class="content">
                            <p>选片</p>
                            <span>客户挑选拍摄的原片，<br>支付剩余30%款项</span>
                        </div>
                    </li>
                    <li class="item">
                        <div class="num">
                            5
                        </div>
                        <div class="circle"></div>
                        <div class="content">
                            <p>精修返图</p>
                            <span>后期精修挑选的原片，<br>交付图片</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 底部部分 -->
    <div class="footer">
        <div class="footer-c">
            <div class="box">
                <div class="desc">
                    <p>郑州镜界摄影服务工作室</p>
                    <div class="photo">
                        <img src="img/微博.png" alt="">
                        <img src="img/qq.png" alt="">
                        <img src="img/微信.png" alt="">
                        <img src="img/百度.png" alt="">
                    </div>
                </div>
                <div class="desc">
                    <p>地址：郑州市郑东新区绿地中心6号楼 </p>
                    <p>服务热线：037-7981788</p>
                    <p>邮编：456333</p>
                </div>
                <div class="desc desc-r">
                    <p>手机：18236988754</p>
                    <p>邮箱：912754544@qq.com</p>
                    <p>Q Q：912754544</p>
                </div>
            </div>
        </div>
        <div class="bottom">
            Copyright ©2010 ls1001.com, All rights reserved. 镜界传媒艺术有限公司 豫ICP备11028596号
        </div>
    </div>
</body>

</html>